<!doctype html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>背景练习</title>
        <style type="text/css">
            * {
                padding:0px;
                margin:0px;
            }
            li {
                list-style:none;
            }
            .tool {
                width:570px;
                height:230px;
                border:1px solid #E5E5E5;
                padding:20px 25px;
            }
            .tool li {
                /*width:100%;
                */ height:65px;
                background:red url() 0 0 no-repeat;
                padding-left:80px;
                background:#fff url(./bg.png) -120px 0 no-repeat;
                margin-top:10px;
            }
            .tool .box2 {
                background-position:-120px -60px;
            }
            .tool .box3 {
                background-position:-120px -120px;
            }
            .tool li a {
                font-size:14px;
                color:#333333;
                margin-left:5px;
                line-height:30px;
                display:inline-block;
                cursor:pointer;
            }
            .tool li a:hover {
                color:#23AC38;
            }
 
        </style>
    </head>
    <body>
        <ul class="tool">
            <li class="box1">
                <a>压缩</a>
                <a>鲁大师</a>
                <a>系统急救箱</a>
                <a>游戏大厅</a>
                <a>急救盘</a>
                <a>360网管版</a>
                <a>系统重装大师</a>
                <a>360软件管家</a>
            </li>
            <li class="box2">
                <a>清理大师</a>
                <a>免费WiFi</a>
                <a>一键ROOT</a>
                <a>手机/Pad浏览器</a>
                <a>卫士极客版</a>
                <a>影视大全</a>
                <a>智能摄像机</a>
                <a>手机桌面</a>
                <a>手机专家</a>
                <a>信用卫士</a>
                <a>贷款导</a>
            </li>
            <li class="box3">
                <a>点睛营销平台</a>
                <a>奇胜效果联盟</a>
                <a>开放平台</a>
                <a>大全移动开放平台</a>
                <a>智能家居</a>
                <a>来店通</a>
                <a>加固保</a>
                <a>网站卫士</a>
                <a>信用平台</a>
            </li>
        </ul>
    </body>

</html>